<template>
  <el-row :gutter="20">
    <el-col :span="8"
      ><div class="grid-content bg-purple" />
      <el-card class="box-card" style=" border-top: 5px solid #333;">
        <template #header >
          <div class="card-header" >
            <span>个人信息</span>
          </div>
        </template>
        <div class="text item">
          <el-form :model="form" label-width="120px">
            <el-form-item label="用户名">
              <el-input v-model="form.username" />
            </el-form-item>

            <el-form-item label="昵称">
              <el-input v-model="form.nickname" />
            </el-form-item>

            <el-form-item label="密码">
              <el-input
                v-model="form.password"
                type="password"
                placeholder="Please input password"
                show-password
              />
            </el-form-item>
 

            <el-form-item label="头像">
              <el-upload
                class="avatar-uploader"
                action="http://real-think.jmwl51.com//admin/Ajaxs/upload"
                :show-file-list="false"
                :on-success="handleAvatarSuccess"
                :before-upload="beforeAvatarUpload"
              >
                <img v-if="form.avatar" :src="form.avatar" class="avatar" />
                <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
              </el-upload>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="onSubmit">修改</el-button>
            </el-form-item>
          </el-form>
        </div>
      </el-card>
    </el-col>
    <el-col :span="16"
      ><div class="grid-content bg-purple-light" />

      <el-card class="box-card">
        <div class="card-header">
          <span> 操作日志</span>
        </div>
        <div class="text item">
            <div class="action" style="    margin-top: 15px;">
              <el-button type="info"  @click="reload(1)" style=""><el-icon    style=""><refresh /></el-icon></el-button>
              
              
              
          </div> 

          <div class="base-table">
            <!-- 表格 -->
            <JmTable :dataList="dataList" :columns="columns"></JmTable>
            <el-table
              :data="dataList"
              row-key="id"
              :tree-props="{ children: 'childlist' }"
            >
              <JmTb
                v-for="item in columns"
                :name="item.label"
                :key="item.prop"
                :prop="item.prop"
                :label="item.label"
                :type="item.type"
                :width="item.width"
                :jv="item.jv"
                :formatter="item.formatter"
              >
              </JmTb>
            </el-table>
          </div>
          <el-pagination
 
    background
    layout="total,sizes,prev,pager,next,jumper"
        :total="page.total" 
    @size-change="handleSizeChange"

        @current-change="handleCurrentChange"

       
    class="mt-4"
  /> 
        </div>
      </el-card>
    </el-col>
  </el-row>
</template>


 
 
<script>
import indexjs from "./index.js";
export default {
  ...indexjs,
};
</script>
  
<style >
 
.el-dialog__header {
  box-shadow: 0px 5px 10px #a5a5a5;
  background: #001529;
  color: white;
}
.el-dialog__headerbtn .el-dialog__close,
.el-dialog__title {
  color: white;
}
</style>